.card-enter , .card-appear{
  /* 开始状态 */
  opacity: 0; 
  transform: scale(.6);
}

.card-enter-active , .card-appear-active{
  /* 执行动画 */
  opacity: 1; 
  transform: scale(1);
  transition: opacity 300ms,transform 300ms;
}

.card-enter-done , .card-appear-done{
  /* 进入完成 */

}

.card-exit {
  /* 开始退出 */
  opacity: 1;
  transform: scale(1)
}

.card-exit-active {
  /* 退出状态 */
  opacity: 0;
  transform: scale(.6);
  transition: opacity 300ms,transform 300ms;
}

.card-exit-done {
  /* 退出完成 */
  opacity: 0;
}
